﻿<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="wap-font-scale" content="no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="author" content="Pandaren">

    <meta name="hotcss" content="initial-dpr=1;max-width=640" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

    <meta name="keywords" content="游戏直播,手机游戏直播,电子竞技直播,热门游戏直播,熊猫直播,lol直播,炉石传说直播,dota2直播">
    <meta name="description" content="熊猫直播提供高清、流畅的视频、活动、赛事直播服务，不仅包含英雄联盟lol直播，炉石传说直播，dota2直播等游戏直播，更有大型活动直播、演唱会直播、美女直播，内容丰富，精彩直播尽在熊猫直播。">

    <link rel="dns-prefetch" href="//s.h2.pdim.gs">
    <link rel="dns-prefetch" href="//i.h2.pdim.gs">
    <link rel="shortcut icon" type="image/x-icon" href="https://i.h2.pdim.gs/4a12d9660642c07fbdfb03010b2e9637.ico">

    <link rel="stylesheet" href="https://s.h2.pdim.gs/static/9687e2241232e033.css">
    <link rel="stylesheet" href="https://s.h2.pdim.gs/static/5f8edc869e631d8a.css">
    <script>
        (function(window, document) {
            'use strict';
            var hotcss = {};
            (function() {
                var viewportEl = document.querySelector('meta[name="viewport"]'),
                    hotcssEl = document.querySelector('meta[name="hotcss"]'),
                    dpr = window.devicePixelRatio || 1,
                    maxWidth = 540,
                    designWidth = 0;
                dpr = dpr >= 3 ? 3 : (dpr >= 2 ? 2 : 1);
                if (hotcssEl) {
                    var hotcssCon = hotcssEl.getAttribute('content');
                    if (hotcssCon) {
                        var initialDprMatch = hotcssCon.match(/initial\-dpr=([\d\.]+)/);
                        if (initialDprMatch) {
                            dpr = parseFloat(initialDprMatch[1]);
                        }
                        var maxWidthMatch = hotcssCon.match(/max\-width=([\d\.]+)/);
                        if (maxWidthMatch) {
                            maxWidth = parseFloat(maxWidthMatch[1]);
                        }
                        var designWidthMatch = hotcssCon.match(/design\-width=([\d\.]+)/);
                        if (designWidthMatch) {
                            designWidth = parseFloat(designWidthMatch[1]);
                        }
                    }
                }
                document.documentElement.setAttribute('data-dpr', dpr);
                hotcss.dpr = dpr;
                document.documentElement.setAttribute('max-width', maxWidth);
                hotcss.maxWidth = maxWidth;
                if (designWidth) {
                    document.documentElement.setAttribute('design-width', designWidth);
                }
                hotcss.designWidth = designWidth;
                var scale = 1 / dpr,
                    content = 'width=device-width, initial-scale=' + scale + ', minimum-scale=' + scale + ', maximum-scale=' + scale + ', user-scalable=no';
                if (viewportEl) {
                    viewportEl.setAttribute('content', content);
                } else {
                    viewportEl = document.createElement('meta');
                    viewportEl.setAttribute('name', 'viewport');
                    viewportEl.setAttribute('content', content);
                    document.head.appendChild(viewportEl);
                }
            })();
            hotcss.px2rem = function(px, designWidth) {
                if (!designWidth) {
                    designWidth = parseInt(hotcss.designWidth, 10);
                }
                return parseInt(px, 10) * 320 / designWidth / 20;
            }
            hotcss.rem2px = function(rem, designWidth) {
                if (!designWidth) {
                    designWidth = parseInt(hotcss.designWidth, 10);
                }
                return rem * 20 * designWidth / 320;
            }
            hotcss.mresize = function() {
                var innerWidth = document.documentElement.getBoundingClientRect().width || window.innerWidth;
                if (hotcss.maxWidth && (innerWidth / hotcss.dpr > hotcss.maxWidth)) {
                    innerWidth = hotcss.maxWidth * hotcss.dpr;
                }
                if (!innerWidth) {
                    return false;
                }
                document.documentElement.style.fontSize = (innerWidth * 20 / 320) + 'px';
                hotcss.callback && hotcss.callback();
            };
            hotcss.mresize();
            window.addEventListener('resize', function() {
                clearTimeout(hotcss.tid);
                hotcss.tid = setTimeout(hotcss.mresize, 33);
            }, false);
            window.addEventListener('load', hotcss.mresize, false);
            setTimeout(function() {
                hotcss.mresize();
            }, 333)
            window.hotcss = hotcss;
        })(window, document);
    </script>

    <title>熊猫直播_泛娱乐直播平台</title>
    <link rel="stylesheet" href="https://s.h2.pdim.gs/static/e7a1dd9a9715e845.css">
    <link rel="stylesheet" href="https://s.h2.pdim.gs/static/3d3639e858d4f007.css">
</head>

<body>
<!-- 头部 start -->
<div id="header">
    <a class="logo" href="/"><img src="https://i.h2.pdim.gs/f89ab1ce63538491ebec491a509f71ef.png" alt="熊猫直播"></a>
    <a href="/download.html" class="btn-download">APP观看</a>
</div>
<!-- 头部 end -->

<div class="container">
    <!-- 播放器 start -->
    <div class="room-matrix">
        <div class="live-room" id="live-player"></div>
    </div>
    <!-- 播放器 end -->

    <div class="main-content">

        <div class="tabs-cnt">
            <a href="javascript:;" class="tabs-list tabs-list-chat" data-type="chat">
                <span>聊天</span>
            </a>
            <a href="javascript:;" class="tabs-list tabs-list-recommend" data-type="recommend">
                <span>精彩推荐</span>
            </a>
        </div>

        <div class="main-con">
            <div class="chat-con"></div>
            <div class="recommend-con"></div>
        </div>
    </div>

</div>

<footer class="footer showPhiz">
    <div class="comment-con">
        <div class="cmt-phiz">
            <a href="javascript:;">
                <i class="phiz-icon"></i>
            </a>
        </div>
        <div class="cmt-input">
            <form action="" class="form">
                <div class="input">
                    <input placeholder="输入聊天内容..."></input>
                </div>

                <!-- focus 监听输入内容加 highlighte-->
                <button class="btn-cmt-send"><span>发 表</span></button>
            </form>
        </div>
        <div class="cmt-gift">
            <a href="javascript:;">
                <i class="gift-icon"></i>
            </a>
        </div>
    </div>

    <div class="layer-content phiz-layer-con swiper-container-horizontal">
        <div class="swiper-wrapper phiz-list" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">
            <div class="swiper-slide swiper-slide-active" style="width: 414px;">
                <ul class="clearfix">
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:喜欢]">
                            <img src="https://i.h2.pdim.gs/537639502bbd5f5b9e105214685d25c5.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:哭]">
                            <img src="https://i.h2.pdim.gs/f05265f9ac8ebdd100c5eb353a1c8a30.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:闭嘴]">
                            <img src="https://i.h2.pdim.gs/928c7bfbb5fd06e3b2691c10a8f29840.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:睡]">
                            <img src="https://i.h2.pdim.gs/6bc7c25efce90ffd7d20219b8ae0ea36.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:惊讶]">
                            <img src="https://i.h2.pdim.gs/6c652227ce1a5c2c8b691b863d962822.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:酷]">
                            <img src="https://i.h2.pdim.gs/72c429647f9de553aaa2c83b357fe1a0.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:流汗]">
                            <img src="https://i.h2.pdim.gs/7d2cd361918b33bd67349ab6295b3e3a.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:努力]">
                            <img src="https://i.h2.pdim.gs/2241bd18d49a76c4ab85398ad50a2d8e.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:愤怒]">
                            <img src="https://i.h2.pdim.gs/e78fd64a718b4cd6cd3cffeecb7c8ce4.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:疑问]">
                            <img src="https://i.h2.pdim.gs/9a8c7e83b6f3458ac5882886aa891e73.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:秘密]">
                            <img src="https://i.h2.pdim.gs/d6d472be8c00a534f88f26208b1eb1bb.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:晕]">
                            <img src="https://i.h2.pdim.gs/c8f855353efdeeda55f41ada12654eb7.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:疯]">
                            <img src="https://i.h2.pdim.gs/b5bee598f1169ab685a98f9e115faab3.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:哀]">
                            <img src="https://i.h2.pdim.gs/aed6d97d79af213920573f2d8b019008.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:骷髅]">
                            <img src="https://i.h2.pdim.gs/9e680107ebc3744d034dc6b1f9ff0af1.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:害羞]">
                            <img src="https://i.h2.pdim.gs/5c33fcd80ca7dba43a1d06a0c3a91699.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:抠鼻]">
                            <img src="https://i.h2.pdim.gs/5c3a6a67ace6aca01793649085f86005.webp">
                        </a>
                    </li>
                    <li>
                        <a class="undo-phiz-icon" href="javascript:;"></a>
                    </li>
                </ul>
            </div>
            <div class="swiper-slide swiper-slide-next" style="width: 414px;">
                <ul class="clearfix">
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:呵欠]">
                            <img src="https://i.h2.pdim.gs/b1cf91bafab4cf15cd3740c105da8cf9.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:鄙视]">
                            <img src="https://i.h2.pdim.gs/52ed3e27ff90b761d73711b64737c74a.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:撒花]">
                            <img src="https://i.h2.pdim.gs/aae5cc7d54b4d68ddf02bdc62558a8df.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:亲]">
                            <img src="https://i.h2.pdim.gs/4aac492db1d1b64583ecefe303682d48.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:可怜]">
                            <img src="https://i.h2.pdim.gs/b70e115926d5e74f991af24a92a0a439.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:233]">
                            <img src="https://i.h2.pdim.gs/e62c0410649ac4a965f3fa51e3236ad3.webp">
                        </a>
                    </li>
                    <li>
                        <a class="phiz-icon" href="javascript:;" data-txt="[:666]">
                            <img src="https://i.h2.pdim.gs/40380d19b87bb1eb0badecba0c44600b.webp">
                        </a>
                    </li>
                    <li>
                        <a class="undo-phiz-icon" href="javascript:;"></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="pagination swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span></div>
    </div>
</footer>

<div class="videoFullScreenTip"><p>请竖屏观看~</p></div>

<script src="https://m.panda.tv/cmstatic/global-config.js"></script>
<script src="https://s.h2.pdim.gs/static/3a030421f31f23ef.js"></script>

<script src="https://s.h2.pdim.gs/static/91dc9f67a00c398e.js"></script>

<script src="https://s.h2.pdim.gs/static/1bc175cfef95b6de.js"></script>

<script src="https://s.h2.pdim.gs/static/7a9cc13eba74743c.js"></script>

<script src="//m.panda.tv/activity/downversion.js"></script>
<script src="https://m.panda.tv/cmstatic/room-config.js"></script>
<!--<script src="script/pada.js"></script>-->
<!-- monitor js start-->
<script>window._config_webmonit_app = "pandah5";</script>
<script src="https://s.h2.pdim.gs/static/c9eb9ab957d8bad5.js"></script>

<!-- monitor js end -->

</body>

</html>
